body{
    background-color: #ededed;
}
.menu_bar2{
    box-shadow: -5px 0px 5px #cccccc;
    position: fixed;
    display: flex;
    /*bottom: 40px;*/
    bottom: 0px;
    background-color: white;
    width: 100%;
    height: 60px;
    z-index: 9999;

}
.menu_bar2_left{
    width:25%;
    text-align: center;
    /*height: 40px;*/
    /*line-height: 40px;*/
    /*border:1px red solid;*/
    padding-top:5px;
}
.menu_bar2_left img{
    width:24px;
    height: 24px;
}
.menu_bar2_left a{
    text-decoration:none;
    font-size: 12px;
    color:#5a5a5a;
}
.menu_bar2_left_label{
    font-size: 12px;
    color:#5a5a5a
}
.menu_bar2_middle{
    width:25%;
    text-align: center;
    padding-top:5px;
}
.menu_bar2_middle a{
    text-decoration:none;
    font-size: 12px;
    color:#5a5a5a;
}
.menu_bar2_middle img{
    width:24px;
    height: 24px;
}
.menu_bar2_middle_label{
    font-size: 12px;
    color:#5a5a5a
}
.menu_bar2_right{
    width:25%;
    text-align: center;
    padding-top:5px;
}
.menu_bar2_right a{
    text-decoration:none;
    font-size: 12px;
    color:#5a5a5a;
}
.menu_bar2_right img{
    width:24px;
    height: 24px;
}
.menu_bar2_right-img{
    width:8px !important;
    height: 8px !important;
    position: fixed;
    bottom: 80px;
    right:20px;
}
.menu_bar2_right_label{
    font-size: 12px;
    color:#5a5a5a
}
.menu_bar2_right_selected{
    width:20%;
    text-align: center;
    padding-top:5px;
}
.menu_bar2_right_selected a{
    text-decoration:none;
    font-size: 12px;
    color:#beae79;
}
.menu_bar2_right_selected img{
    width:24px;
    height: 24px;
}
.menu_bar2_right_selected_label{
    font-size: 12px;
    color:#beae79
}
.userinfo{
    width:100%;
    background-color: #2fb264;
    /*height: 160px;*/
}
.userinfo-username{
    width:100%;
    height: 100px;
    line-height: 30px;
    padding-top: 20px;

    display: flex;
}
.userinfo-username-left{
    width:23%;
}
.userinfo-username-left img{
    float: left;
    margin-bottom:-20px;
    margin-left: 20px;
    width:60px;
    height: 60px;
    border-radius: 60px;
}
.userinfo-username-right{
    width:77%;
}
.userinfo-username-edit{
    /*float: left !important;*/
    /*margin-bottom:-20px !important;*/
    margin-left: 20px !important;
    width:14px !important;
    height: 14px !important;
    /*border-radius: 60px;*/
}
/*.userinfo-username label{*/
    /*margin-left: 20px;*/
    /*font-size: 14px;*/
    /*color:#000000;*/
/*}*/
.userinfo-username-f{
    margin-left:10px;
    /*width:68%;*/
    /*display: block;*/
    /*float: left;*/
    font-size: 14px;
    color:#ffffff !important;
    /*border: 1px red solid;*/
}
.userinfo-username-vip{
    margin-left:10px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    width:50px;
    border-radius: 20px;
    background-color: #288e4f;
    display: block;
    float: left;
    /*display: block;*/
    font-size: 10px;
    color:#ffffff !important;
    /*border: 1px red solid;*/
}
.userinfo-userdata{
    width:100%;
    height: 60px;
    display: flex;
    justify-content: center;
    background-color: #288e4f;
}
.userinfo-userdata-item{
    width:25%;
    height: 60px;
}
.userinfo-userdata-item-data{
    width:100%;
    text-align: center;
}
.userinfo-userdata-item-data label{
    color:white;
    font-size: 14px;
}
.userinfo-userdata-item-image{
    width:100%;
    text-align: center;
}
.userinfo-userdata-item-image img{
    width:40px;
    height: 40px;
}
.userinfo-bottom{
    width:100%;
}
.userinfo-bottom img{
    z-index: 999;
    width:100%;
}
.rect{
    margin-top:20px;
    width:90%;
    /*background-color: white;*/
    border: 1px white solid;
    margin-left: 5%;
    margin-bottom: 10px;
    border-radius: 10px;
}
.rect-top{
    width:100%;
}
.rect-top img{
    width:100%;
}

.rect-title{
    background-color: white;
    width:100%;
    height: 40px;

    line-height: 40px;
    border-bottom: #eeeeee 1px solid;
}
.rect-title label{
    font-size: 14px;
    margin-left: 10px;
}
.rect-title img{
    float:right;
    margin-right: 10px;
    width:12px;
    height: 12px;
    margin-top: 13px;
}
.rect-title-more{
    float:right;
    margin-right: 10px;
    font-size: 12px;
    color:#999999;
}
.rect-body{
    background-color: white;
    width:100%;
    display: flex;
    padding-top: 20px;
    flex-wrap: wrap;
}
.rect-body-item{
    width:25%;
    height: 80px;
}
.rect-body-item-data{
    width:100%;
    text-align: center;
}
.rect-body-item-data label{
    color:#473c6b;
    font-size: 14px;
}
.rect-body-item-image{
    width:100%;
    text-align: center;
}
.rect-body-item-image img{
    width:28px;
    height: 28px;
}
.tuiguang{
    width:100%;
    text-align: center;
    padding-bottom: 10px;
    /*background-color: white;*/
}
.tuiguang img{
    width:94%;
    /*height: 80px;*/
}

.rect100{
    margin-top:20px;
    width:100%;
    /*background-color: white;*/
    margin-bottom: 10px;
    padding-bottom: 80px;
    /*border:1px blue solid;*/
}
.rect100-title{
    background-color: white;
    width:100%;
    height: 40px;

    line-height: 40px;
    border-bottom: #eeeeee 1px solid;
}
.rect100-title label{
    font-size: 14px;
    margin-left: 10px;
}
.rect100-title img{
    float:right;
    margin-right: 10px;
    width:12px;
    height: 12px;
    margin-top: 13px;

}
.rect100-title-more{
    float:right;
    margin-right: 10px;
    font-size: 12px;
    color:#999999;
}
.rect100-body{
    background-color: white;
    width:100%;
    display: flex;
    padding-top: 20px;
    flex-wrap: wrap;
}
.rect100-body-item{
    width:32%;
    height: 70px;
    text-align: center;
    border-left: 1px #ededed solid;
    border-right: 1px #ededed solid;
    border-bottom: 1px #ededed solid;
}
.rect-body-item-data{
    width:100%;
    text-align: center;
}
.rect100-body-item-data label{
    color:#473c6b;
    font-size: 14px;
}
.rect100-body-item-image{
    margin-top:10px;
    width:100%;
    text-align: center;
}
.rect100-body-item-image img{
    width:28px;
    height: 28px;
}

.buymember{
    width:100%;
    height: 70px;
    background-color: #eccb96;
    display: flex;
}
.buymember-left{
    margin-top:10px;
    width:20%;
}
.buymember-left img{
    margin-left:20px;
    width:40px;
    height: 40px;
}
.buymember-middle{
    width:60%;
}
.buymember-middle-title{
    margin-top:10px;
    color:#c68148;
    font-size: 14px;
    font-weight: bold;
}
.buymember-middle-subtitle{
    color:#c68148;
    font-size: 12px;
    font-weight: normal;
}
.buymember-right{
    width:30%;
}
.buymember-right-button{
    margin-top:20px;
    width:100px;
    height: 30px;
    line-height: 30px;
    border-radius: 30px;
    background-color: white;
    text-align: center;
}
.buymember-right-button label{
    color:#c68148;
    font-size: 14px;
    font-weight: normal;
}